@import '../../../../common/variables.less';

.el-dialog__body {
  .el-table {
    // 设置滚动条的宽度
    .el-table__body-wrapper {
      &::-webkit-scrollbar{
        width: 5px;
        height: 5px;
      }
    }
    // 设置滚动条的背景色和圆角
    .el-table__body-wrapper  {
      &::-webkit-scrollbar-thumb {
        border-radius: 8px;
      }
    }
  }
}
.visualComponents_theme_dark{
  .el-table{
    background-color: @background_color_dark;
    border-color: @border_color_dark;
    color: @font_color_dark;
    tr, th, td{
      background-color: @background_color_dark;
      border-color: @border_color_dark;
      color: @font_color_dark;
    }
    th.is-leaf{
      border-color: @btn_cancel_bg_color_dark;
    }
  }
  .el-table--border::after, .el-table--group::after, .el-table::before{
    background-color: @btn_cancel_bg_color_dark;
  }
  .el-table--enable-row-hover .el-table__body tr:hover>td{
    background-color: @background_color_dark2;
  }
  .el-dialog__body {
    .el-table {
      .el-table__body-wrapper  {
        &::-webkit-scrollbar-thumb {
          background-color: @droplist_scrollbar_color_dark !important;
        }
        &::-webkit-scrollbar-track {
          /* 滚动条凹槽 */
          background: @border_color_dark !important;
        }
      }
    }
  }

  .el-table--border .el-table__inner-wrapper::after, 
  .el-table--border::after, .el-table--border::before, 
  .el-table__inner-wrapper::before{
    background-color: @background_color_dark !important;
  }

}
.visualComponents_theme_light {
  .el-dialog__body {
    .el-table {
      .el-table__body-wrapper  {
        &::-webkit-scrollbar-thumb {
          background-color: @lightThemeElTableScrollbarColor !important;
        }
        &::-webkit-scrollbar-track {
          /* 滚动条凹槽 */
          background: @lightThemeElTableScrolltrackColor !important;
        }
      }
    }
  }
}